<!DOCTYPE html>
<html lang="en">
<head>
    <title>Title</title>
    <!--共有部分-start-->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
    <link rel="stylesheet" href="static/css/common.css">
    <script src="static/js/config.js"></script>
    <script src="static/lib/jquery.min.js"></script>
    <script src="static/lib/background-blur.min.js"></script>
    <!--共有部分-end-->

    <link rel="stylesheet" href="static/css/home.css">
</head>
<body>
    <!--公用导航-start-->
    <div class="header">
        <div class="inner">
            <div class="logo">
                <a href=""></a>
            </div>
            <div class="info">
                <span class="date">2017年10月10日</span>&nbsp;&nbsp;<span class="day"></span>&nbsp;&nbsp;|&nbsp;&nbsp;报料人&nbsp;&nbsp;<span class="informer">1212</span>&nbsp;位&nbsp;&nbsp;当前在线<span class="online">123123</span>人
            </div>
            <div class="user">
                <a href=""><span class="icon-user"></span><em>登录</em></a>
                <a href=""><span class="icon-search"></span><em>查找</em></a>
            </div> 
        </div>
    </div>
    <div class="nav">
        <div class="inner">
            <ul>
                <li class="act"><a href="">首页</a></li>
                <li><a href="">最新</a></li>
                <li><a href="">热门</a></li>
                <li><a href="">报料反馈</a></li>
                <li><a href="">红黑榜</a></li>
                <li><a href="">附件报料</a></li>
            </ul>
            <a class="write" href="">
                <span class="icon-write"></span>
                <em>我要报料</em>
            </a>
        </div>
    </div>
    <!--公用导航-end-->

    <div class="main">
        <div class="inner">
            <div class="news">
                <div class="toutiao">
                    <ul>
                        <li>
                            <h1><a href="">摩的司机因利益被触及而破坏共享单车</a></h1>
                            <ul class="news-ul">
                                <li>
                                    <a href="">布心花园二区问题</a>
                                    &nbsp;|&nbsp;
                                    <a href="">高速取消收费一年多 添堵的收费站何时拆</a>
                                </li>
                                <li>
                                    <a href="">国土局网站预约显示正在处理</a>
                                    &nbsp;|&nbsp;
                                    <a href="">平安保险内部出错要车主担责任</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h1><a href="">八年不用直饮水，直饮水公司现来收水费</a></h1>
                            <ul class="news-ul">
                                <li>
                                    <a href="">滴滴违法违规乱象吃司机几千元</a>
                                    &nbsp;|&nbsp;
                                    <a href="">三男共乘一辆摩托车伤人后逃逸</a>
                                </li>
                                <li>
                                    <a href="">无业男子用冥币骗多名女子</a>
                                    &nbsp;|&nbsp;
                                    <a href="">深龙岗区深龙公路管理所擅自更改市政施</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h1><a href="">黄田利达路机场排水渠边上的违建拆除建</a></h1>
                            <ul class="news-ul">
                                <li>
                                    <a href="">这109个公交站要更名了 深圳市民快</a>
                                    &nbsp;|&nbsp;
                                    <a href="">这109个公交站要更名了 深圳市民快</a>
                                </li>
                                <li>
                                    <a href="">国土局网站预约显示正在处理</a>
                                    &nbsp;|&nbsp;
                                    <a href="">市民中心遇到奇怪可疑的男人</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="important">
                    <div class="img-box" id="bg">
                        <div class="img-list">
                           <div class="img-bg" style="background: url(static/images/pic1.jpg) 0 0 /cover no-repeat;"></div>
                        </div>
                        <div class="img-info">
                            <p class="title">台风过境车公庙地铁站被淹 1号线</p>
                            <p class="summary">从红树湾下车，保安一直强调，去车公庙要换9号线，一定可以到，一堆人跑去换乘，结果上车坐了几个站，车里广播说不停车公庙，直接开景田去了，我真是无语了。难...</p>
                        </div>
                        <div class="img-dot">
                            <ul>
                                <li class="act"></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div class="key">重点</div>
                    </div>
                </div> 
                <div class="article">
                    <div class="tags">
                        <ul>
                            <li class="act"><a href="">最新</a></li>
                            <li><a href="">深圳</a></li>
                            <li><a href="">广州</a></li>
                            <li><a href="">其他城市</a></li>
                        </ul>
                    </div>
                    <div class="article-list">
                        <ul>
                            <li>
                                <div class="article-info">
                                    <h2><a href="">海尔八千多的卡萨帝高端洗衣机三个月坏了两次</a></h2>
                                    <p>
                                        <span class="status">跟进中</span>
                                        <span><em>32132</em>人赞</span>
                                        <span class="spot">&nbsp;·&nbsp;</span>
                                        <span><em>1312</em>人回复</span>
                                        <span class="spot">&nbsp;·&nbsp;</span>
                                        <span><em>231</em>人分享</span>
                                    </p>
                                </div>
                                <div class="article-img">
                                    <img src="static/images/img1.jpg" alt=""/>
                                </div>
                            </li>
                            <li>
                                <div class="article-info">
                                    <h2><a href="">坪山到深圳北的捷运一下大雨就停运或延期，上班族伤不起</a></h2>
                                    <p>
                                        <span class="status">跟进中</span>
                                        <span class="status">有反馈</span>
                                        <span><em>32132</em>人赞</span>
                                        <span class="spot">&nbsp;·&nbsp;</span>
                                        <span><em>1312</em>人回复</span>
                                        <span class="spot">&nbsp;·&nbsp;</span>
                                        <span><em>231</em>人分享</span>
                                    </p>
                                </div>
                                <div class="article-img">
                                    <img src="static/images/img2.jpg" alt=""/>
                                </div>
                            </li>
                            <li>
                                <div class="article-info no-pic">
                                    <h2><a href="">我的家在开封市左岸风景小区可是这里的建筑物让我头疼施工不科学</a></h2>
                                    <p>
                                        <span class="status">跟进中</span>
                                        <span><em>32132</em>人赞</span>
                                        <span class="spot">&nbsp;·&nbsp;</span>
                                        <span><em>1312</em>人回复</span>
                                        <span class="spot">&nbsp;·&nbsp;</span>
                                        <span><em>231</em>人分享</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div class="article-info no-pic">
                                    <h2><a href="">深圳女子入住广州酒店 被蜈蚣咬伤胸部</a></h2>
                                    <p>
                                        <span class="status">跟进中</span>
                                        <span><em>32132</em>人赞</span>
                                        <span class="spot">&nbsp;·&nbsp;</span>
                                        <span><em>1312</em>人回复</span>
                                        <span class="spot">&nbsp;·&nbsp;</span>
                                        <span><em>231</em>人分享</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div class="article-info no-pic">
                                    <h2><a href="">台风过境车公庙地铁站被淹 1号线11号线过站不停</a></h2>
                                    <div class="pic-list">
                                        <img src="static/images/img1.jpg" alt=""/>
                                        <img src="static/images/img1.jpg" alt=""/>
                                        <img src="static/images/img1.jpg" alt=""/>
                                        <img src="static/images/img1.jpg" alt=""/>
                                    </div>
                                    <p>
                                        <span class="status">跟进中</span>
                                        <span><em>32132</em>人赞</span>
                                        <span class="spot">&nbsp;·&nbsp;</span>
                                        <span><em>1312</em>人回复</span>
                                        <span class="spot">&nbsp;·&nbsp;</span>
                                        <span><em>231</em>人分享</span>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div class="article-info no-pic">
                                    <h2><a href="">我的家在开封市左岸风景小区可是这里的建筑物让我头疼施工不科学</a></h2>
                                    <p>
                                        <span class="status">跟进中</span>
                                        <span><em>32132</em>人赞</span>
                                        <span class="spot">&nbsp;·&nbsp;</span>
                                        <span><em>1312</em>人回复</span>
                                        <span class="spot">&nbsp;·&nbsp;</span>
                                        <span><em>231</em>人分享</span>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="slide">
                <div class="toutu">
                    <div class="toutu-box" id="tbg">
                        <div class="toutu-list">
                            <div class="toutu-bg" style="background: url(static/images/toutu1.jpg) 0 0 /cover no-repeat;"></div>
                        </div>
                        <div class="toutu-title">
                            <p>台风过境车公庙地铁站被淹 1号线11号线过站不停</p>
                        </div>
                        <div class="toutu-dot">
                            <ul>
                                <li class="act"></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="channel">
                    <div class="channel-item">
                        <div class="icon">
                            <img class="code" src="static/images/code.png" alt=""/>
                        </div>
                        <div class="introduce">
                            <p class="name">微信报料</p>
                            <p class="detail">拿起手机扫一扫就能轻松实现报料，更方便快捷</p>
                        </div>
                    </div>
                    <div class="channel-item">
                        <div class="icon">
                            <span class="icon-phone"></span>
                        </div>
                        <div class="introduce">
                            <p class="name">手机报料</p>
                            <p class="detail">下载南方都市报APP</p>
                        </div>
                        <a class="download" href="">下载</a>
                    </div>
                    <div class="channel-item">
                        <div class="icon">
                            <span class="icon-call_phone"></span>
                        </div>
                        <div class="introduce">
                            <p class="name">电话报料</p>
                            <p class="detail">报料热线：400 886 6166</p>
                        </div>
                    </div>
                    <div class="channel-item">
                        <div class="icon">
                            <span class="icon-maill"></span>
                        </div>
                        <div class="introduce">
                            <p class="name">邮件报料</p>
                            <p class="detail">请发邮件到：sqsh@nandu.cc</p>
                        </div>
                    </div>
                </div>
                <!-- <div class="hot slide-box">
                    <div class="head">
                        <em>热门排行榜</em>
                    </div>
                    <div class="body">
                        <ul>
                            <li>
                                <i>1</i>
                                <a href="">男子没戴头盔骑摩托追尾路边车</a>
                            </li>
                            <li>
                                <i>2</i>
                                <a href="">沙头角麻将馆随处可见 已成赌博…</a>
                            </li>
                            <li>
                                <i>3</i>
                                <a href="">德隆置业公司被列为失信人</a>
                            </li>
                            <li>
                                <i>4</i>
                                <a href="">深圳北站女厕所</a>
                            </li>
                            <li>
                                <i>5</i>
                                <a href="">浩谷工业园某工厂每天排放废气难闻至极</a>
                            </li>
                            <li>
                                <i>6</i>
                                <a href="">宝体健身身-霸王条款</a>
                            </li>
                            <li>
                                <i>7</i>
                                <a href="">苏宁易购不让7天无内退货，店黑欺客</a>
                            </li>
                            <li>
                                <i>8</i>
                                <a href="">投诉深圳沙井污水处理厂（二期）工程的</a>
                            </li>
                            <li>
                                <i>9</i>
                                <a href="">华为渣男暴打70岁老丈人和妻子 只为</a>
                            </li>
                            <li>
                                <i>10</i>
                                <a href="">【视频】男子没戴头盔骑摩托追尾路边车</a>
                            </li>
                        </ul>
                    </div>
                </div> -->
                <div class="past slide-box">
                    <div class="head">
                        <em>往期重点</em>
                    </div>
                    <div class="body">
                        <div class="cover" style="background: url(static/images/img1.jpg) 0 0 /cover no-repeat;">
                            <p class="title">深圳一快递被警方关门</p>
                        </div>
                        <div class="list">
                            <li>
                                <a href="">为什么在深圳妇幼保健院生孩子只能聘用</a>
                            </li>
                            <li>
                                <a href="">苏宁易购不让7天无内退货，店黑欺客该</a>
                            </li>
                            <li>
                                <a href="">浩谷工业园某工厂每天排放废气难闻至极</a>
                            </li>
                            <li>
                                <a href="">龙华驾照分骗局大揭秘 两大套路让你傻</a>
                            </li>
                            <li>
                                <a href="">台风过境车公庙地铁站被淹 1号线11</a>
                            </li>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <ul>
            <li>
                <a target="_blank" href="http://www.oeeee.com/about/index.html">关于奥一</a>
            </li>
            <li>
                <a target="_blank" href="http://user.oeeee.com/protocol/protocol_index.html">服务条款</a>
            </li>
            <li>
                <a target="_blank" href="http://em.oeeee.com/">全媒体营销中心</a>
            </li>
            <li>
                <a target="_blank" href="http://www.oeeee.com/sitemap/">网站地图</a>
            </li>
            <li>
                <a target="_blank" href="http://bbs.oeeee.com/thread-16786141-1-1.html">举报及建议</a>
            </li>
            <li>
                <a target="_blank" href="http://baoliao.oeeee.com/archiver/index.html">Archiver</a>
            </li>
        </ul>
        <span class="copyright">Copyright © 1996~2017 oeeee corporation. All Rights Reserved</span>
    </div>

    <script>
        $('#bg').backgroundBlur({
            imageURL : 'static/images/pic1.jpg',
            blurAmount : 30,
            imageClass : 'bg-blur'
        });
        $('#tbg').backgroundBlur({
            imageURL : 'static/images/toutu1.jpg',
            blurAmount : 30,
            imageClass : 'bg-blur'
        });
    </script>
</body>
</html>